<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>Boo Admin - Widget Posts</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="assets/css/lib/bootstrap.css" rel="stylesheet">
<link href="assets/css/lib/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/extension.css" rel="stylesheet">
<link href="assets/css/boo.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/boo-coloring.css" rel="stylesheet">
<link href="assets/css/boo-utility.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="assets/plugins/selectivizr/selectivizr-min.js"></script>
    <script src="assets/plugins/flot/excanvas.min.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.html">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.html">
</head>

<body class="sidebar-left panel-side">
<div class="page-container">
    <div id="header-container">
        <div id="header">
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                        <a class="brand" href="javascript:void(0);"><img src="assets/img/demo/logo-brand.png"></a>
                        <div class="search-global">
                            <input id="globalSearch" class="search search-query input-medium" type="search">
                            <a class="search-button" href="javascript:void(0);"><i class="fontello-icon-search-5"></i></a> </div>
                        <div class="nav-collapse collapse">
                            <ul class="nav user-menu visible-desktop">
                                <li><a class="btn-glyph fontello-icon-edit tip-bc" href="javascript:void(0);" title="Messages"><span class="badge badge-important">8</span></a></li>
                                <li><a class="btn-glyph fontello-icon-mail-1 tip-bc" href="javascript:void(0);" title="Emails"></a></li>
                                <li><a class="btn-glyph fontello-icon-lifebuoy tip-bc" href="javascript:void(0);" title="Support"><span class="badge badge-important">4</span></a></li>
                            </ul>
                            <ul class="nav">
                                <li> <a href="dashboard-one.html">Dashboard</a> </li>
                                <li class="active"> <a href="javascript:void(0);">Components</a> </li>
                                <li> <a href="component-fullcalendar-demo.html"><span class="fontello-icon-calendar"></span>Calendar</a> </li>
                                <li> <a href="javascript:void(0);"><span class="fontello-icon-users"></span>Contacts</a> </li>
                                <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span class="fontello-icon-list-1"></span>Customize <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="component-form-demo.html">Demo Form</a></li>
                                        <li><a href="component-widgets-remember.html">Remember</a></li>
                                        <li><a href="component-widgets-users.html">User List</a></li>
                                        <li class="divider"></li>
                                        <li class="nav-header">Next Update</li>
                                        <li><a href="javascript:void(0);">Contacts</a></li>
                                        <li><a href="javascript:void(0);">Email</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // navbar -->
            
            <div class="header-drawer">
                <div class="mobile-nav text-center visible-phone"> <a href="javascript:void(0);" class="mobile-btn" data-toggle="collapse" data-target=".sidebar"><i class="aweso-icon-chevron-down"></i> Components</a> </div>
                <!-- // Resposive navigation -->
                <div class="breadcrumbs-nav hidden-phone">
                    <ul id="breadcrumbs" class="breadcrumb">
                        <li><a href="javascript:void(0);"><i class="fontello-icon-home f12"></i> Dashboard</a> <span class="divider">/</span></li>
                        <li class="dropdown"><a href="javascript:void(0);">Table </a> <span class="divider">/</span>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:void(0);">Table</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                            </ul>
                        </li>
                        <li class="active">Boo Admin </li>
                    </ul>
                </div>
                <!-- // breadcrumbs --> 
            </div>
            <!-- // drawer --> 
        </div>
    </div>
    <!-- // header-container -->
    
    <div id="main-container">
        <div id="main-sidebar" class="sidebar sidebar-inverse">
            <div class="sidebar-item">
                <div class="media profile">
                    <div class="media-thumb media-left thumb-bordereb"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb" src="assets/img/demo/demo-avatar9604.jpg"></a> </div>
                    <div class="media-body">
                        <h5 class="media-heading">Twitter Bootstrap <small>as Administrator</small></h5>
                        <p class="data">Last Access: 16 May 15:30</p>
                    </div>
                </div>
            </div>
            <!-- // sidebar item - profile -->
            
            <ul id="mainSideMenu" class="nav nav-list nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-monitor"></span> <i class="chevron fontello-icon-right-open-3"></i> Dashboards </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accDash">
                        <li> <a href="dashboard-one.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 1 </a> </li>
                        <li> <a href="dashboard-two.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 2 </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Dashboard -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon aweso-icon-list-alt"></span><i class="chevron fontello-icon-right-open-3"></i> Form </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accForms">
                        <li> <a href="component-form-demo.html"> <i class="fontello-icon-right-dir"></i> Demo Form </a> </li>
                        <li> <a href="component-form-element.html"> <i class="fontello-icon-right-dir"></i> Form Element </a> </li>
                        <li> <a href="component-form-extension.html"> <i class="fontello-icon-right-dir"></i> Form Extension</a> </li>
                        <li> <a href="component-form-wizard.html"> <i class="fontello-icon-right-dir"></i> Form Wizard</a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Forms -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-align-justify"></span> <i class="chevron fontello-icon-right-open-3"></i> Tables </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accTables">
                        <li> <a href="component-table.html"> <i class="fontello-icon-right-dir"></i> Base Table </a> </li>
                        <li> <a href="component-table-boo.html"> <i class="fontello-icon-right-dir"></i> Boo Table </a> </li>
                        <li> <a href="component-table-datatable.html"> <i class="fontello-icon-right-dir"></i> DataTable </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Tables -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-chart"></span> <i class="chevron fontello-icon-right-open-3"></i> Statistics </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accStatistics">
                        <li> <a href="statistic-flot.html"> <i class="fontello-icon-right-dir"></i> Charts </a> </li>
                        <li> <a href="statistic-sparkline.html"> <i class="fontello-icon-right-dir"></i> Sparklines </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Statistics -->
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon  fontello-icon-window"></span> <i class="chevron fontello-icon-right-open-3"></i> Widgets </a> </div>
                    <ul class="accordion-content nav nav-list collapse in" id="accWidgets">
                        <li> <a href="component-widget-style.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Style </a> </li>
                        <li class="active"> <a href="component-widget-custom.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Custom </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Widgets -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-puzzle"></span> <i class="chevron fontello-icon-right-open-3"></i> UI Elements </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accButtons">
                        <li> <a href="elements-button.html"> <i class="fontello-icon-right-dir"></i> Button </a> </li>
                        <li> <a href="elements-icon-font.html"> <i class="fontello-icon-right-dir"></i> Iconic fonts </a> </li>
                        <li> <a href="elements-icon-fugue-demo.html"> <i class="fontello-icon-right-dir"></i> Icon </a> </li>
                        <li> <a href="elements-wells.html"> <i class="fontello-icon-right-dir"></i> Wells </a> </li>
                        <li> <a href="elements-tabs.html"> <i class="fontello-icon-right-dir"></i> Tabs </a> </li>
                        <li> <a href="elements-modals.html"> <i class="fontello-icon-right-dir"></i> Modal </a> </li>
                        <li> <a href="elements-progressbar.html"> <i class="fontello-icon-right-dir"></i> Progressbar </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu UI Elements -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accCalendar" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-calendar"></span> <i class="chevron fontello-icon-right-open-3"></i> Calendar </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accCalendar">
                        <li> <a href="component-fullcalendar-demo.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Demo </a> </li>
                        <li> <a href="component-fullcalendar.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Style </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Calendar -->
            </ul>
            <!-- // sidebar menu -->
            
            <div class="sidebar-item"></div>
            <!-- // sidebar item --> 
            
        </div>
        <!-- // sidebar -->
        
        <div id="main-content" class="main-content container-fluid">
            <div class="row-fluid page-head">
                <h2 class="page-title"><i class="fontello-icon-window"></i> Widget <small>style & construction</small></h2>
                <!--<p class="pagedesc">jQuery DataTable + Bootstrap + Boo = a powerful combination to display your data </p> -->
                <div class="page-bar">
                    <div class="btn-toolbar"> </div>
                </div>
            </div>
            <!-- // page head -->
            
            <div id="page-content" class="page-content">
                <nav>
                    <ul class="btn-toolbar page-nav margin-btn">
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-remember.html" style="width:80px"><i class="fontello-icon-check f30"></i><span class="block">REMEMBER</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-users.html" style="width:80px"><i class="fontello-icon-user f30"></i><span class="block">USER</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-post.html" style="width:80px"><i class="fontello-icon-feather f30"></i><span class="block">POST</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-vcard f30"></i><span class="block">CONTACTS</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-edit f30"></i><span class="block">ARTICLE</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-comment-4 f30"></i><span class="block">COMMENTS</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-back-in-time f30"></i><span class="block">ACTIVITY</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-arrows-cw f30"></i><span class="block">LAST UPDATE</span></a></li>
                    </ul>
                    <hr class="margin-0x">
                </nav>
                <section>
                    <div class="page-header">
                        <h3>Post - List ... <small>.widget-post</small></h3>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <div class="widget widget-simple widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-comment-4"></i> Recent posts by others on Boo</h4>
                                    <a class="btn btn-small btn-link pull-right" href="javascript:void(0);">See All</a> </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list list-dotted">
                                            <li class="media">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Joseffe Aliquam</a></h6>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</p>
                                                    <p class="meta"><a href="#"><i class="fontello-icon-comment-4"></i> <strong>1</strong></a> - <em>2 hours</em> ago</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9601.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Martin Berger</a></h6>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</p>
                                                    <p class="meta"><a href="#"><i class="fontello-icon-thumbs-up-3"></i> <strong>1</strong></a> - <em>2 hours</em> ago</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9605.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Julie Maria Esperantos</a></h6>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</p>
                                                    <p class="meta"><a href="#"><i class="fontello-icon-comment-4"></i> <strong>3</strong></a> - <em>3 hours</em> ago</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-simple widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-comment-4"></i> Recent post</h4>
                                    <a class="btn btn-small btn-link pull-right" href="javascript:void(0);">See All</a> </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list list-dotted">
                                            <li class="media">
                                                <div class="media-thumb media-right"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9604.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Nulla vel metus scelerisque</a></h6>
                                                    <p class="post"><em>Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</em></p>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> colins.r@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-thumb media-right"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9606.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Nulla vel metus scelerisque</a></h6>
                                                    <p class="post"><em>Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</em></p>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> sorbon@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-thumb media-right"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9607.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading margin-00"> <a href="javascript:void(0);">Nulla vel metus scelerisque</a></h6>
                                                    <p class="post"><em>Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lor...</em></p>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-simple widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-user"></i>Recent posts by others on Boo</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list list-dotted media-overflow">
                                            <li class="media">
                                                <div class="media-right">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-blue" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini btn-boo dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <div class="media-right">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-blue" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini btn-boo dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget --> 
                        </div>
                        <!-- // column -->
                        
                        <div class="span8">
                            <div class="widget widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-doc-text"></i>Recent Articles</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">show</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-pencil-alt-1"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> Aliquam facilisis enim et elit tincidunt Suspendisse</h4>
                                                    <p class="data"><a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec commodo...</a></p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">show</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-pencil-alt-1"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> Nunc porta Maecenas lorem semper.</h4>
                                                    <p class="data"><a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec commodo...</a></p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media media-overflow">
                                                <div class="media-right">
                                                    <div class="quick-menu">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">show</a> <a data-toggle="dropdown" class="btn btn-mini dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-pencil-alt-1"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h4 class="media-heading"> Mauris risus justo egest Fusce</h4>
                                                    <p class="data"><a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec commodo...</a></p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-doc-text"></i>Recent Articles</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media media-overflow">
                                                <div class="media-right"> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.</p>
                                                    <div class="well well-mini">
                                                        <ul class="meta inline">
                                                            <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                            <li class="divider-vertical"></li>
                                                            <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                            <li class="divider-vertical"></li>
                                                            <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media media-overflow">
                                                <div class="media-right"> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.</p>
                                                    <div class="well well-mini">
                                                        <ul class="meta inline">
                                                            <li><i class="fontello-icon-feather"></i> By: <a href="#"><strong>John Doe</strong></a></li>
                                                            <li class="divider-vertical"></li>
                                                            <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                            <li class="divider-vertical"></li>
                                                            <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-simple widget-recent">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-user"></i>Recent Posts</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list list-dotted media-overflow">
                                            <li class="media">
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h4>
                                                    <div class="quick-menu menu-left">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-blue" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-boo dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h4>
                                                    <div class="quick-menu menu-left">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-blue" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-boo dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h4>
                                                    <div class="quick-menu menu-left">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-blue" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-boo dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-simple widget-recent">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-user"></i>Recent Posts</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list media-overflow">
                                            <li class="media">
                                                <div class="media-right"> </div>
                                                <div class="media-body">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-navi" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-yellow dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-right"> </div>
                                                <div class="media-body">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-navi" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-yellow dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-right"> </div>
                                                <div class="media-body">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-navi" href="javascript:void(0);">Show</a> <a data-toggle="dropdown" class="btn btn-mini btn-yellow dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-feather"></i> By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget --> 
                        </div>
                        <!-- // Column --> 
                        
                    </div>
                    <!-- // Example row --> 
                    
                </section>
            </div>
            <!-- // page content --> 
            
        </div>
        <!-- // main-content --> 
        
    </div>
    <!-- // main-container  -->
    
    <footer id="footer-fix">
        <div id="footer-sidebar" class="footer-sidebar">
            <div class="navbar">
                <div class="btn-toolbar"> <a class="btn btn-glyph btn-link" href="javascript:void(0);"><i class="fontello-icon-up-open-1"></i></a> </div>
            </div>
        </div>
        <!-- // footer sidebar -->
        
        <div id="footer-content" class="footer-content">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <ul class="nav pull-left">
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnToggleSidebar" class="btn-glyph fontello-icon-resize-full-2 tip hidden-phone" href="javascript:void(0);" title="show hide sidebar"></a></li>
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnChangeSidebar" class="btn-glyph fontello-icon-login tip hidden-phone" href="javascript:void(0);" title="change sidebar position"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnChangeSidebarColor" class="btn-glyph fontello-icon-palette tip" href="javascript:void(0);" title="change sidebar color"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cw" href="javascript:void(0);"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="fontello-icon-home-3" href="dashboard-one.html"></a></li>
                        <li class="divider-vertical"></li>
                    </ul>
                    <ul class="nav pull-right">
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-help-2 tip" href="javascript:void(0);" title="help to page"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cog-4 tip" href="javascript:void(0);" title="settings app"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnLogout" class="btn-glyph fontello-icon-logout-1 tip" href="javascript:void(0);" title="logout"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnScrollup" class="scrollup btn-glyph fontello-icon-up-open-1" href="javascript:void(0);"><span class="hidden-phone">Scroll</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- // footer content --> 
        
    </footer>
    <!-- // footer-fix  --> 
    
</div>
<!-- // page-container  -->

<div class="modal-container"> <!-- You can put your modal definitions here but it is not required --> </div>
<div id="updateModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 id="myModalLabel"><i class="fontello-icon-popup"></i> Next :-)</h4>
    </div>
    <div class="modal-body text-center">
        <h3><i class="fontello-icon-user f30"></i> Sorry, this page comes up with next update <small>free after purchase</small></h3>
        <p>thanks</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-red" data-dismiss="modal">Close</button>
    </div>
</div>
<!-- // modal --> 

<!-- Le javascript --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="assets/plugins/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.min.js"></script> 
<script src="assets/js/lib/jquery.js"></script> 
<script src="assets/js/lib/jquery-ui.js"></script>
<script src="assets/js/lib/bootstrap.js"></script> 
<script src="assets/js/lib/jquery.cookie.js"></script> 

<!-- Plugins Bootstrap --> 
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> 
<script src="assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script> 
<script src="assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/date.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/bootstrap-daterangepicker.js"></script> 
<script src="assets/plugins/bootstrap-fileupload/js/bootstrap-fileupload.js"></script> 
<script src="assets/plugins/bootstrap-rowlink/js/bootstrap-rowlink.js"></script> 
<script src="assets/plugins/bootstrap-progressbar/js/bootstrap-progressbar.js"></script> 
<script src="assets/plugins/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script> 
<script src="assets/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="assets/plugins/bootstrap-bootbox/bootbox.min.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<script src="assets/plugins/bootstrap-wizard/js/bootstrap-wizard.js"></script> 
<script src="assets/plugins/bootstrap-toggle-buttons/js/bootstrap-toggle-buttons.js"></script>

<!-- Plugins Custom -->
<script src="assets/plugins/google-code-prettify/prettify.js"></script> 
<script src="assets/plugins/nicescroll/jquery.nicescroll.min.js"></script> 
<script src="assets/plugins/qtip2/dist/jquery.qtip.min.js"></script> 
<script src="assets/plugins/list/js/list.min.js"></script> 
<script src="assets/plugins/list/plugins/list.paging.min.js"></script> 
<script src="assets/plugins/fullcalendar/fullcalendar.js"></script> 

<!-- Plugins Forms --> 
<script src="assets/plugins/uniform/jquery.uniform.js"></script> 
<script src="assets/plugins/select2/select2.min.js"></script> 
<script src="assets/plugins/counter/jquery.counter.js"></script> 
<script src="assets/plugins/elastic/jquery.elastic.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.extensions.js"></script> 
<script src="assets/plugins/validate/js/jquery.validate.min.js"></script> 
<script src="assets/plugins/xbreadcrumbs/xbreadcrumbs.js"></script> 

<!-- Charts --> 
<script src="assets/plugins/sparkline/jquery.sparkline.js"></script> 
<script src="assets/plugins/flot/jquery.flot.js"></script> 
<script src="assets/plugins/flot/jquery.flot.categories.js"></script> 
<script src="assets/plugins/flot/jquery.flot.grow.js"></script> 
<script src="assets/plugins/flot/jquery.flot.orderBars.js"></script> 
<script src="assets/plugins/flot/jquery.flot.pie.js"></script> 
<script src="assets/plugins/flot/jquery.flot.resize.js"></script> 
<script src="assets/plugins/flot/jquery.flot.selection.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stack.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stackpercent.js"></script> 
<script src="assets/plugins/flot/jquery.flot.time.js"></script> 

<!-- Plugins Tables --> 
<script src="assets/plugins/datatables/media/js/jquery.dataTables.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.plugins.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.columnFilter.js"></script> 

<!-- main js -->
<script src="assets/js/application.js"></script>  

<!-- Only This Demo Page --> 
<script src="assets/js/demo/demo-list.js"></script> 
</body>
</html>
